html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
body{
	background:url(images/disco.png) no-repeat #000;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFF;
}

.clear{
	clear:both;	
}

a{
	color:#FFF;
	text-decoration:none;
}
/* Sprites */
#logo a,#clica_ai,#proximos_eventos,.hoje,.segunda,.terca,.quarta,.quinta,.sexta,.sabado,.domingo, .um, .dois, .tres, .quatro, .cinco, .seis, .sete, .oito, .nove, .zero, .barra{
	background: url(images/csg-4f1f60963551a.png) no-repeat top left; float:left;
}
/* Sprites End */
#header{
	background:url(images/layer.png);
	height:96px;	
}

	#logo a{		
		background-position: 0 -242px;
		width:156px;
		height:26px;
		display:inline-block;
		margin:35px;	
		float:left;
		overflow:hidden; text-indent:-999px;
	}

#main {padding-bottom: 40px; min-width:1000px;}  /* deve ser a mesma altura do rodapé */

	#left{ width:75%; min-width:750px; float:left; padding:180px 0 0;}
		#clica_ai{background-position: 0 0; width: 92px; height: 23px; margin:0 35px;overflow:hidden; text-indent:-999px;}
	#right{ width:25%; min-width:240px; float:right; background:url(images/layer.png);  padding:60px 0 10px;}
		#proximos_eventos{background-position: 0 -287px; width: 223px; height: 23px; margin-left:10px;overflow:hidden; text-indent:-999px;}
		#agenda{min-width: 220px;display: inline-block; padding:0 20px 0 10px;}
				#agenda li a{line-height: 20px; display:block; margin-top:4px;}
				#agenda li a:hover{color:#efa800}
				.data{overflow:hidden; text-indent:-999px;margin-top: 26px;}
					.hoje{background-position: 0 -24px; width: 40px; height:21px; margin-left: 7px;}
					.segunda{background-position: 0 -49px; width: 79px; height:21px; margin-left: 7px;}
					.terca{background-position: 0 -74px; width: 45px; height:21px; margin-left: 7px;}
					.quarta{background-position: 0 -99px; width: 58px; height:21px; margin-left: 7px;}
					.quinta{background-position: 0 -124px; width: 57px; height:21px; margin-left: 7px;}
					.sexta{background-position: 0 -149px; width: 49px; height:21px; margin-left: 7px;}
					.sabado{background-position: 0 -174px; width: 68px; height:21px; margin-left: 7px;}
					.domingo{background-position: 0 -199px; width: 82px; height:21px; margin-left: 7px;}
					.segunda:after ,.terca:after, .quarta:after, .quinta:after,.sexta:after{
						background: url(images/csg-4f1f60963551a.png) no-repeat top left;
						background-position: 0 -224px; width: 82px; height:18px; float:left;display:block;content:""; 
					}
					.segunda:after{margin-left:78px;}
					.terca:after{margin-left:44px;}
					.quarta:after{margin-left:57px;}
					.quinta:after{margin-left:56px;}
					.sexta:after{margin-left:48px;}
					
					.um{background-position: 0 -269px; width: 7px; height: 17px;}
					.dois{background-position: -14px -269px; width: 10px; height: 17px;}
					.tres{background-position: -28px -269px; width: 11px; height: 17px;}
					.quatro{background-position: -42px -269px; width: 12px; height: 17px;}
					.cinco{background-position: -57px -269px; width: 11px; height: 17px;}
					.seis{background-position: -71px -269px; width: 11px; height: 17px;}
					.sete{background-position: -86px -269px; width: 11px; height: 17px;}
					.oito{background-position: -100px -269px; width: 11px; height: 17px;}
					.nove{background-position: -115px -269px; width: 10px; height: 17px;}
					.zero{background-position: -129px -269px; width: 11px; height: 17px;}
					.barra{background-position: -142px -269px; width: 7px; height: 17px;}
#footer {
	position: relative;
	margin-top: -40px; /* A mesma altura do rodapé, o valor deve ser negativo */
	height: 40px;
	clear:both
}